<?php
/**
 * The template for displaying product content within loops.
 *
 * Override this template by copying it to yourtheme/woocommerce/content-product.php
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     1.6.4
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

global $product, $woocommerce_loop;

// Store loop count we're currently on
if ( empty( $woocommerce_loop['loop'] ) )
	$woocommerce_loop['loop'] = 0;

// Store column count for displaying the grid
if ( empty( $woocommerce_loop['columns'] ) )
	$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 3 );

// Ensure visibility
if ( ! $product->is_visible() )
	return;
$terms = get_the_terms($product->ID, 'product_cat');
$class_col ="col-lg-4 col-md-4 col-sm-6";
?>
<li <?php post_class($class_col); ?> >
	<div class="item_product products-entry clearfix">
		<div class="item_product_in">
			<div class="title-cate">
				<i class="icon-th-list"></i>
				<?php foreach( $terms as $term ){  ?>
					<a href="<?php echo get_term_link( $term, 'product_cat' ); ?> "><?php echo $term->name; ?> </a>
				<?php } ?>
			</div>
			<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>
				<div class="item_image products-thumb">
					<?php
						
						/**
						 * woocommerce_before_shop_loop_item_title hook
						 *
						 * @hooked woocommerce_show_product_loop_sale_flash - 10
						 * @hooked woocommerce_template_loop_product_thumbnail - 10
						 */
						do_action( 'woocommerce_before_shop_loop_item_title' );
					?>
				</div>
				
				<div class="product_category_content">
					<div class="item_title">
						<a href="<?php the_permalink(); ?>"> <?php the_title(); ?> </a>
					</div>
					
							<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>
					</div>
					</div>
					<?php
						/**
						 * woocommerce_after_shop_loop_item_title hook
						 *
						 * @hooked woocommerce_template_loop_price - 10
						 */
						do_action( 'woocommerce_after_shop_loop_item_title' );
					
					?>
				</div>
		</div>
	</div>
	<div class="products-shadow"></div>
</li>